import Taro, { Component } from '@tarojs/taro'
import { View, Video } from '@tarojs/components'
import styles from './index.module.less'
import CardList from '../../components/CardList'
import MediaInfo from '../../components/MediaInfo'
import Footer from '../../components/Footer'

export default class extends Component {

    commonClicked(item) {
        console.log(item);
    }

    render() {
        const { mediaInfo = { title: '赠汪伦', subTitle: [{ name: '观看', value: '16次' }, { name: '作者', value: '汤杨柳' }, { name: '时间', value: '2019-12-28' }] } } = this.props;
        return (
            <View className={styles.page}>
                <Video
                    src='http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400'
                    controls={true}
                    autoplay={false}
                    poster='http://misc.aotu.io/booxood/mobile-video/cover_900x500.jpg'
                    initialTime='0'
                    id='video'
                    loop={false}
                    muted={false}
                />
                <MediaInfo {...mediaInfo} />
                <View className={styles.columInfo}>
                    <CardList />
                </View>
                <Footer />
            </View>
        )
    }
}
